@charset "utf-8";
/*
project: berkhampsteadschool.co.uk
author:james holmes
url:holmesbrand.com
date created: 10/08/2015
*/
@media(max-width:985px) {
  span.banner-text {
    display: block;
    float: none;
    position: static;
    transform: none;
    margin-left: 0;
    font-size: 1em;
    margin: 0.5em 0;
  }
  div.slider-wrapper {
    max-width: 100%;
  }
}
@media(max-width:825px) {
  /* added JH 16/3/2021 */
  body .container label {
    width: 100%;
    padding: 1em 0;
  }
  div.open-day-modal {
    width: 80%;
    height: 500px;
    overflow: hidden;
    margin: 2em auto 0 auto;
    position: static;
  }
  div.modal-image {
    width: 100%;
    height: 40%;
    float: left;
  }
  div.modal-text {
    width: 100%;
    height: 60%;
    float: right;
  }
  div.modal-text div.inner {
    width: 80%;
    margin: 0 auto;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  /* EVENT CAROUSEL */
  div.event-card {
    width: 80%;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
    position: static;
  }
  div.event-image {
    width: 100%;
    height: 40%;
    float: left;
  }
  div.event-text {
    width: 100%;
    height: 60%;
    float: right;
  }
}
@media (max-width : 768px) {
  body {
    padding-top: 0;
  }
  div.content-wrapper, div.inner {
    width: 92%;
    margin: 0 4%;
  }
  div.left-column {
    width: 100%;
    float: none;
  }
  div.right-column {
    width: 100%;
    float: none;
    margin-bottom: 2em;
    margin-top: 120px;
  }
  div.left-card {
    margin-left: 10px;
    margin-right: 10px;
  }
  div.right-card {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
  }
  div.left-card img, div.right-card img {
    max-width: 100%;
  }
  .newtheme-lead-in, .newtheme-upcoming-events, .newtheme-admissions {
    width: 100%;
  }
  div.school-type {
    padding: 0;
  }
  div.latest-news, div.newtheme-upcoming-events, div.newtheme-lead-in, div.latest-news {
    padding: 2em 0;
  }
  div.three-col-wrap, div.two-col-wrap {
    flex-direction: column;
  }
  a.three-col-box, a.two-col-box {
    width: 100%;
    height: 400px;
    box-shadow: none;
    margin-bottom: 30px;
  }
  a.three-col-box:last-of-type, a.two-col-box:last-of-type {
    margin-bottom: 0;
  }
  /* main template */
  img.inline-image-img {}
  /* contact form */
  div.contact-form input[type="text"], div.contact-form textarea, input[type="email"] {
    width: 96%;
  }
  /* contact page */
  div.staff-contact {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  /* hide / show bears */
  div.bears {
    display: none;
  }
  div.bears-mobile {
    display: block;
    width: 193px;
    height: 150px;
    background-image: url(../img/bears.png);
    background-repeat: no-repeat;
    background-size: 193px 150px;
    background-position: center center;
    margin-bottom: 2em;
  }
  div.content-wrapper, div.inner, div.left-column45, div.right-column45 {
    width: 92%;
    margin: 0 4% 1em 4%;
  }
  .newtheme-lead-in, .newtheme-upcoming-events, .newtheme-latest-news, .newtheme-admissions {
    padding: 4em 0;
  }
  div.newtheme-admissions div.left-col {
    width: 100%;
    height: 400px;
  }
  div.newtheme-admissions div.right-col {
    width: 100%;
    height: auto;
    padding: 1em 0;
  }
  div.newtheme-admissions div.vert-align-inner {
    width: 90%;
    max-width: none;
    height: auto;
    margin: 3em auto;
    text-align: center;
    position: static;
    transform: none;
  }
  div.newtheme-admissions h2 {
    text-align: center;
  }
  p.intro {
    width: 90%;
    margin: 0 auto 3em auto;
  }
  div.event-card {
    width: 90%;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
  }
  div.event-image {
    width: 100%;
    height: 200px;
  }
  div.event-text {
    width: 100%;
    height: auto;
  }
  .glide__arrow {
    display: none !important;
  }
  div.event-text div.inner {
    width: 90%;
    max-width: none;
    height: auto;
    margin: 3em auto;
    text-align: center;
    position: static;
    transform: none;
  }
  div.logo-bg {
    display: none;
  }
  h2.home {
    font-size: 1.4em;
  }
  .content-wrapper, .left-column, .right-column {
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .left-column {
    -webkit-box-ordinal-group: 2;
  }
  .right-column {
    -webkit-box-ordinal-group: 1;
  }
  div.accreditations {
    background-size: 95%;
  }
  div.landing-link-wrap {
    flex-direction: column;
  }
  a.school-landing-link, a.nurseries-landing-link {
    width: 100%;
    height: 50%;
  }
  div.footer-logos {
    flex-direction: column;
    max-width: 50%;
    margin: 0 auto 50px auto;
  }
  a.school-logo {
    margin-bottom: 30px;
  }
}
@media (max-width : 690px) {
  a.booking-cta {
    width: 100%;
    height: 44px;
    border-radius: 0;
    border: none;
    left: 0;
    bottom: -44px;
  }
  /* structure */
  .pull-right {
    float: none;
    display: block;
    margin-left: 0;
    margin-bottom: 2em;
  }
  .pull-left {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 2em;
  }
  /* home page */
  div.home-page {
    width: 100%;
  }
  div.page-wrapper {
    margin-top: 120px;
  }
  div.content-wrapper, div.inner, div.left-column45, div.right-column45 {
    width: 92%;
    margin: 0 4% 1em 4%;
  }
  div.left-column45 {
    margin-bottom: 2em;
  }
  div.left-column {
    width: 100%;
    float: none;
  }
  div.right-column {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  div.home-news {
    width: 96%;
    margin: 0 2%;
  }
  /* main template */
  img.inline-image-img {}
  /* contact form */
  div.contact-form input[type="text"], div.contact-form textarea, input[type="email"] {
    width: 96%;
  }
  /* contact page */
  div.staff-contact {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  /* hide / show bears */
  div.bears {
    display: none;
  }
  div.bears-mobile {
    display: block;
    width: 193px;
    height: 150px;
    background-image: url(../img/bears.png);
    background-repeat: no-repeat;
    background-size: 193px 150px;
    background-position: center center;
    margin-bottom: 2em;
  }
  img.post-image {
    width: 100%;
    margin-right: 0;
  }
  a.blue-btn, a.blue-btn-small {
    font-size: 0.85em;
  }
  div.open-morning-wrapper, div.latest-news-wrapper, div.latest-blazer-wrapper {
    width: 100%;
    margin: 0 0 2em 0;
  }
  div.header-icons {
    display: none;
  }
  span.text {
    display: none;
  }
  span.icon {
    display: block;
  }
  a.booking-btn {
    right: 100px;
  }
}
@media (max-width : 420px) {
  div.accreditations {
    padding: 0;
  }
  a.small-logo-nursery {
    width: 175px;
    height: 45px;
    background-size: contain;
    top: 27px;
  }
  a.booking-btn {
    right: 80px;
    padding: 10px 10px;
  }
  a.small-logo {
    width: 838px;
    height: 45px;
    /*display: block;*/
    background-repeat: no-repeat;
    background-size: 20%;
    background-image: url(../img/shrinklogo.png);
    position: absolute;
    left: 4%;
    top: 27px;
  }
}